@charset "utf-8";
/* Neople UI Developer 박지연 + 5 2018.10.24 */
body,body *{font-family:'NanumBarunGothic' !important}
/* 체크박스 */
.stk_chkbox{margin:2px 9px 0 0;width:16px;height:16px;background:#343d53;}
.stk_chkbox[type="checkbox"]{display:inline-block;width:16px;height:16px;vertical-align:middle;-webkit-appearance:none;appearance:none;border-radius:0;border:0;cursor:pointer}
.stk_chkbox[type="checkbox"]{background:url('//cdn.df.nexon.com/img/web/stk/checkbox.png') no-repeat 0 0}
.stk_chkbox[type="checkbox"]:checked{ background-position: 0 -50px}


/* header */
.cartoon_ill{position:relative;width:100%;overflow:hidden;background:#e9f4fb;z-index:10;}
.cartoon_ill.bg_w{background:#fff;}

.cartoon_ill header{position:absolute;top:0;left:0;padding-top:50px;width:100%;border-bottom:2px solid #2eb1ff;background:#fff;z-index:100;}
.cartoon_ill header *{box-sizing:initial;}
.cartoon_ill header section{overflow:hidden;width:1180px;margin:0 auto;padding:0 60px;background:#fff;transition:0.2s all;}
.cartoon_ill header section h1.logo{float:left;width:235px;height:85px;}
.cartoon_ill header nav{position:relative;float:left;height:100%;padding-top:19px;margin-left:94px;background:#fff;}
.cartoon_ill header nav ul li{float:left;}
.cartoon_ill header nav ul li a{display:block;height:100%;padding:0 18px 0 19px;font-size:20px;font-family:'NanumBarunGothic';font-weight:700;;color:#cbd7e4;line-height:50px;}
.cartoon_ill header nav ul li.active a, nav ul li.cur a, nav ul li a:hover{color:#263a6f;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/nav_on.png') no-repeat 50% 42px; }
.cartoon_ill header nav ul li .navs{position:absolute;left:0;top:68px;}
.cartoon_ill header nav ul li .navs span{overflow:hidden;}
.cartoon_ill header nav ul li .navs span a{display:block;float:left;height:35px;padding:0 15px 0 16px;color:#cbd7e4;font-size:16px;font-family:'NanumBarunGothic';font-weight:700;line-height:36px;}
.cartoon_ill header nav ul li .navs span a.on, .navs span a:hover{color:#263a6f;}
.cartoon_ill header nav ul li .navs1{left:63px}
.cartoon_ill header .ipt{display:block;float:right;width:231px;height:33px;margin-top:24px;border:2px solid #cbd7e4;border-radius:18px;}
.cartoon_ill header .ipt.on{border:2px solid #2eb1ff;}
.cartoon_ill header .ipt input{float:left;width:195px;height:32px;margin:1px 0 0 4px;background:none;border:none;color:#0084ff;font-size:14px;text-indent:10px;outline:none;line-height:32px;letter-spacing:-1px}
.cartoon_ill header .ipt input::-ms-clear{display:none}
.cartoon_ill header .ipt input:-ms-input-placeholder{color:#0084ff}
.cartoon_ill header .ipt input::-webkit-input-placeholder{color:#0084ff}
.cartoon_ill header .ipt input::-moz-placeholder{color:#0084ff}
.cartoon_ill header .ipt input::-moz-placeholder{color:#0084ff}
.cartoon_ill header .ipt img{padding-top:2px;}
/*개발 추가 */
.cartoon_ill a:hover ,.cartoon_ill a:active {text-decoration:none;}
.fixedHeight {height: 107px; }
.fixedHeight nav ul li .navs{display:block;}
.autoHeight {height:85px;}
.autoHeight nav ul li .navs{display:none;}
/* footer */
footer{clear:both;padding:28px 0 146px 0;border-top:2px solid #cbd8e4;text-align:center;color:#a7b3c6;letter-spacing:1.5px;font-size:11.5px;line-height:15px;}
.container{position:relative;overflow:hidden;width:1300px;margin:0 auto;padding:128px 0 80px 0;}

/* 리스트 공통 */
.container .lst_comm{position:relative;margin:0 auto;width:980px;}
.container .lst_comm *{font-family:'NanumBarunGothic';}
.container .lst_comm ul{display:flex;flex-wrap:wrap;;width:980px;}
.container .lst_comm ul li{position:relative;width:232px;margin:0 16px 15px 0;background:#fff}
.container .lst_comm ul li:nth-child(4n){margin-right:0;}
.container .lst_comm ul li a.thum{display:flex;align-items:center;padding:1px;height:141px;background:#333}
.container .lst_comm ul li a.thum img{display:block;width:100%;}
.container .lst_comm ul li a.tit{display:block;padding:0 10px !important;margin:15px 0 0 0;text-align:center;color:#263a6f;line-height:23px;font-size:16px;font-weight:700;letter-spacing:-0.5px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis}
.container .lst_comm ul li p{display:flex;align-items:center;justify-content:center;margin:4px 0 15px 0}
.container .lst_comm ul li span.date{padding:0 10px 0 20px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_date.png') no-repeat 0 0;color:#263a6f;font-size:11.5px;font-style:normal;line-height:13px;;}
.container .lst_comm ul li span.hit{padding-left:22px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_cnt.png') no-repeat 0 1px;color:#263a6f;font-size:11.5px;font-style:normal;font-weight:400;line-height:13px;}
.container .lst_comm ul li b.up{position:absolute;left:10px;top:10px;width:30px;height:30px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_up.png') no-repeat 0 0;}
.container .lst_comm ul li.shadow{box-shadow:0 6px 6px 1px #999}
.container .lst_comm.pt25{padding-top:25px;}
/*
.container .lst_comm ul li.right{margin-right:0;}
.container .lst_comm ul li p{position:absolute;left:0;top:0;width:232px;height:181px;margin-left:4px;padding:1px 1px 0 1px;background:#fff;text-align:center;z-index:10;}
.container .lst_comm ul li p .tit{display:block;margin:12px 0 0 0;text-align:center;color:#263a6f;line-height:23px;font-size:16px;font-family:'NanumBarunGothic';font-weight:700;letter-spacing:-0.5px; white-space: nowrap; overflow: hidden;}
.container .lst_comm ul li p .ellip {text-overflow: ellipsis;white-space: nowrap; overflow: hidden;padding:0 5px;}
.container .lst_comm ul li p i{display:inline-block;padding:0 10px 0 20px;color:#263a6f;font-size:11.5px;font-style:normal;line-height:13px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_date.png') no-repeat 0 0;}
.container .lst_comm ul li p b{display:inline-block;padding-left:22px;color:#263a6f;font-size:11.5px;font-style:normal;font-weight:400;line-height:13px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_cnt.png') no-repeat 0 1px;}
.container .lst_comm ul li p .up{position:absolute;left:10px;top:10px;width:30px;height:30px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_up.png') no-repeat 0 0;}
.container .lst_comm ul li .thum_bg{position:absolute;left:0;top:0;opacity:0;transition:0.3s all;z-index:1;}
.container .lst_comm ul li:hover .thum_bg{opacity:1}
*/
.container .lst_comm.lst4n ul{width:988px;}
.container .lst_comm.lst4n ul li.right{margin-left:-1px;}


.container .s_tit{width:100%;margin:0 0 20px 0;padding-bottom:4px;border-bottom:2px solid #cbd8e4;color:#263a6f;font-size:24px;line-height:45px;letter-spacing:-1px;}
.container .s_tit i{display:inline-block;margin-left:12px;padding-left:20px;font-style:normal;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot3.png') no-repeat 0 17px;}
.container .s_tit.center{text-align:center;}

.container .s_tit .btn_r{overflow:hidden;display:block;float:right;line-height:31px;margin-top:18px;}
.container .s_tit .btn_r em{display:block;float:left;padding-right:16px;margin-right:15px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_bar.png') no-repeat right bottom}
.container .s_tit .btn_r em.end{margin:0;padding:0;background:none;}
.container .s_tit .btn_r a{display:block;float:left;height:31px;}

.container .s_tit .btn_r a.btn_ord1{width:61px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_date.png') no-repeat 0 0;}
.container .s_tit .btn_r a.btn_ord1 b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_date.png') no-repeat 0 bottom;}
.container .s_tit .btn_r a.btn_ord2{width:53px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_tit.png') no-repeat 0 0;}
.container .s_tit .btn_r a.btn_ord2 b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_tit.png') no-repeat 0 bottom;}
a.btn_hov{display:inline-block;position:relative;font-size:0;text-indent:-9999px;}
a.btn_hov b{display:none;position:absolute;top:0;width:100%;height:100%;}
a.btn_hov:hover b{display:block}
a.btn_hov.on b{display:block}
.newB a.btn_hov b{display:block;transition:0.2s;opacity:0}
.newB a.btn_hov.on b{opacity:1}
.newB a.btn_hov:hover b{opacity:1}

.btn_top{position:fixed !important;left:50%;bottom:80px;width:38px;height:38px;margin-left:705px;transition:0.3s all;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_top.png') no-repeat 0 0;z-index:100;}
.btn_top.abs{bottom:271px}
.btn_top b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_top.png') no-repeat 0 bottom;}

/* 홈 */
.con_main{position:static;padding-top:576px}
.con_main *{box-sizing:initial;}
.bnr_hot{position:absolute;left:0;top:128px;width:100%;height:409px;margin-bottom:39px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bg_bnr_hot.jpg') no-repeat 50% bottom;z-index:80;}
.bnr_hot dl{overflow:hidden;width:1180px;margin:0 auto;}
.bnr_hot dl dt{width:1180px;padding:43px 0 17px 0;text-align:center;color:#fff;font-size:34px;line-height:50px;letter-spacing:-1px;font-family: 'NanumBarunGothic';}
.bnr_hot dl dt em{color:#fff600;font-family:'NanumBarunGothic';font-weight:700;}
.bnr_hot dl dd{position:relative;float:left;overflow:hidden;width:478px;height:249px;margin:0 24px 0 100px;}
.bnr_hot dl dd.end{margin:0 0 0 0;}
.bnr_zoom img{transition:0.5s all;}
.bnr_zoom.on img{transform:scale(1.1);}
.bnr_zoom.off img{transform:scale(1);}
.bnr_hot dl dd p{position:absolute;left:40px;top:37px;color:#263a6f;font-size:24px;line-height:31px;letter-spacing:-1px;}
.bnr_hot dl dd p span{display:block;margin-top:8px;line-height:19px;color:#263a6f;font-size:14px;letter-spacing:-0.5px;}
.bnr_hot dl dd p span.bold{font-weight:700;}

.con_main .lst_new{float:left;width:732px;margin:0 22px 0 160px;}
.con_main .lst_new.lst_comm ul{overflow:hidden;width:740px;}

.con_main .lst_rec{float:left;width:196px;padding:15px 15px 17px 15px;background:#fff}
.con_main .lst_rec .s_tit{margin:0 0 10px 0;padding:0;border:none;font-size:16px;line-height:24px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_best.png') no-repeat 58px 7px;}
.con_main .lst_rec ul li{overflow:hidden;margin-bottom:15px;}
.con_main .lst_rec ul li.end{margin-bottom:0;}
.con_main .lst_rec ul li .thum{display:block;float:left;width:88px;margin-right:10px}
.con_main .lst_rec ul li span{display:block;float:left;width:98px;margin-top:5px;}
.con_main .lst_rec ul li span .tit{display:block;color:#263a6f;font-family:'NanumBarunGothic';font-weight:700;font-size:13px;line-height:15px;letter-spacing:-1px;}
.con_main .lst_rec ul li span i{color:#263a6f;font-size:11.5px;font-style:normal;line-height:12px;display:block;overflow: hidden;white-space: nowrap;height: 15px;width: 96px;text-overflow: ellipsis;}
.con_main .lst_chall{clear:both;width:980px;margin-left:160px;padding-top:24px;}
.con_main .lst_chall.lst_comm ul{overflow:hidden;width:988px;}
.con_main .bnr_dfon{position:relative;height:289px;margin:35px 0 0 60px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bnr_dfon.png') no-repeat 0 0;}
.con_main .bnr_dfon .btn_google{position:absolute;left:76px;top:170px;width:153px;height:41px;font-size:0;text-indent:-9999px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_google.png') no-repeat 0 0;}
.con_main .bnr_dfon .btn_apps{position:absolute;left:239px;top:170px;width:153px;height:41px;font-size:0;text-indent:-9999px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_apps.png') no-repeat 0 0;}

/* 카툰 */
.con_cartoon *{box-sizing:initial;}
.con_cartoon .lst_comm{margin-top:40px}
.con_cartoon .lst_comm ul li p{background:none;color:#263a6f;font-size:11.5px;}

/* 게이트 */
.con_gate{margin-top:50px;}
.con_gate *{box-sizing:initial;}
.con_gate .wrt_info{overflow:hidden;width:1180px;margin:0 0 30px 60px; min-height: 142px; }
.con_gate .wrt_info dt{float:left;margin-right:18px;border:1px solid #fff;}
.con_gate .wrt_info dd{position:relative;float:left;width:867px;}
.con_gate .wrt_info dd p{margin:2px 0 1px 0;color:#263a6f;font-size:24px;line-height:42px;letter-spacing:-1px;}
.con_gate .wrt_info dd p em{display:inline-block;margin-left:11px;padding-left:19px;color:#b7c4d1;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot4.png') no-repeat 0 14px;}
.con_gate .wrt_info dd p a{display:inline-block;margin-left:11px;padding-left:19px;color:#b7c4d1;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot4.png') no-repeat 0 14px;}
.con_gate .wrt_info dd p a:hover{color:#2eb1ff;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot3.png') no-repeat 0 14px;}
.con_gate .wrt_info dd i{display:block;margin-bottom:8px;color:#263a6f;font-size:16px;line-height:22px;font-style:normal;letter-spacing:-0.5px;}
.con_gate .wrt_info a.btn_stk{margin-right:7px;width:134px;height:31px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_stk.png') no-repeat 0 0;}
.con_gate .wrt_info a.btn_stk b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_stk.png') no-repeat 0 bottom;}
.con_gate .wrt_info a.btn_first{width:79px;height:31px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_first.png') no-repeat 0 0;}
.con_gate .wrt_info a.btn_first b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_first.png') no-repeat 0 bottom;}
.con_gate .wrt_info a.btn_wrt{position:absolute;right:0;top:19px;width:104px;height:104px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_wrt.png') no-repeat 0 0;}
.con_gate .wrt_info a.btn_wrt b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_wrt.png') no-repeat 0 bottom;}

.container .lst_comm2{width:1180px;margin-left:60px;}
.container .lst_comm2 .th{overflow:hidden;border-top:2px solid #cbd8e4;border-bottom:2px solid #cbd8e4;}
.container .lst_comm2 .th p{float:left;width:141px;height:46px;line-height:46px;color:#263a6f;font-size:14px;font-family:'NanumBarunGothic';font-weight:700;text-align:center;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_bar2.png') no-repeat 0 0;}
.container .lst_comm2 .th p.th1{width:250px;background:none;}
.container .lst_comm2 .th p.th2{width:507px;}
.container .lst_comm2 ul li{display:flex;align-items:center;justify-content:center;width:1180px;height:73px;padding:15px 0;border-bottom:1px solid #cbd8e4;transition:0.2s all;}
.container .lst_comm2 ul li p{text-align:center;width:141px;font-size:14px;color:#263a6f;line-height:24px}
.container .lst_comm2 ul li p.thum{display:flex;align-items:center;justify-content:center;width:250px;height:90px;text-align:center;}
.container .lst_comm2 ul li p.thum a{display:flex;align-items:center;width:148px;height:90px}
.container .lst_comm2 ul li p.thum a img{border:1px solid #fff}
.container .lst_comm2 ul li p.tit{padding-left:30px;width:477px;text-align:left;line-height:24px;color:#263a6f;font-size:16px;font-family:'NanumBarunGothic';font-weight:700;letter-spacing:-1px;}
.container .lst_comm2 ul li p.tit em{padding-left:3px;color:#2eb1ff;}
.container .lst_comm2 ul li p.tit i{padding-left:15px;margin-left:10px;color:#f86099;font-style:normal;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot5.png') no-repeat 0 6px;}
/* .container .lst_comm2 ul li span{width:141px;padding-top:25px;color:#263a6f;font-size:14px;line-height:24px;letter-spacing:-0.5px;} */
.container .lst_comm2 ul li:hover{background:#fff;}
.container .lst_comm2 ul li:hover p.tit a{border-bottom:2px solid #2eb1ff}

/* 일러스트_목록 */
.con_ill *{box-sizing:initial}
.con_ill .bnr_ill .s_tit{margin-bottom:30px;}
.con_ill .bnr_ill{width:1180px;margin:39px 0 0 60px;}
.con_ill .bnr_ill ul{margin-left:100px;overflow:hidden;}
.con_ill .bnr_ill ul li{float:left;width:332px;height:158px;padding:1px 0 0 1px;background:#fff;}
.con_ill .bnr_ill ul li.end{margin-top:15px;}
.con_ill .bnr_ill ul li a{display:block;position:relative;overflow:hidden;width:331px;height:157px;}
.con_ill .bnr_ill ul li a .shd{position:absolute;left:0;top:0;width:331px;height:157px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/shd_ill_bnr2.png') no-repeat 0 0;}
.con_ill .bnr_ill ul li a p{position:absolute;left:19px;top:103px;}
.con_ill .bnr_ill ul li a p em{display:block;color:#fff;font-family:'NanumBarunGothic';font-weight:700;font-size:16px;line-height:25px;letter-spacing:-1px;}
.con_ill .bnr_ill ul li a p i{display:inline-block;padding:0 10px 0 20px;color:#fff;font-size:11.5px;font-style:normal;line-height:13px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_date_w.png') no-repeat 0 0;}
.con_ill .bnr_ill ul li a p b{display:inline-block;padding-left:22px;color:#fff;font-size:11.5px;font-style:normal;font-weight:400;line-height:13px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_cnt_w.png') no-repeat 0 1px;}
.con_ill .bnr_ill ul li.bnr_b{margin-right:15px;width:631px;height:332px;}
.con_ill .bnr_ill ul li.bnr_b a{width:630px;height:331px;}
.con_ill .bnr_ill ul li.bnr_b a .shd{width:630px;height:331px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/shd_ill_bnr1.png') no-repeat 0 0;}
.con_ill .bnr_ill ul li.bnr_b a p{left:38px;top:237px;}
.con_ill .bnr_ill ul li.bnr_b a p em{font-family:'NanumBarunGothic';font-size:24px;line-height:39px;}
.con_ill .bnr_ill ul li a p {color:#fff;font-style:normal;letter-spacing:0;}
.con_ill .lst_comm{margin-top:30px}
.con_ill .lst_comm ul li a.tit em{padding-left:2px;color:#2eb1ff;}

/* 챌린지_목록 */
.con_chall *{box-sizing:initial}
.con_chall .lst_comm{margin-top:40px}
.con_chall .lst_comm ul li p{background:none;color:#263a6f;font-size:11.5px;}

/* 글쓰기 */
.con_wrt *{box-sizing:initial;}
.wrt_box{width:1180px;margin:52px 0 30px 60px;}
.wrt_box .tit{color:#263a6f;font-size:34px;line-height:50px;letter-spacing:-1.5px;}
.wrt_box .tit b{font-family:'NanumBarunGothic';font-weight:700;}
.wrt_box .tit span{display:block;font-family:'NanumBarunGothic';font-weight:700;font-size:14px;line-height:24px;letter-spacing:-0.5px}
.wrt_box .tit span a{padding-left:5px;}
.wrt_box table{width:1180px;margin-top:24px;border-top:2px solid #cbd8e4;}
.wrt_box table caption, .wrt_box table label{display:none;}
.wrt_box table tr{border-bottom:2px solid #cbd8e4;}
.wrt_box table th{padding-top:31px;vertical-align:top;text-align:left;color:#263a6f;font-size:14px;font-family:'NanumBarunGothic';font-weight:700;line-height:24px;}
.wrt_box table td{padding:20px 0;}
.wrt_box table td .inp{width:1044px;height:22px;padding:11px 0 11px 15px;color:#263a6f;font-size:14px;line-height:22px;background:#f0f7ff;border:none;outline:none;}
.wrt_box table td.thum{padding-bottom:14px;}
.wrt_box table td.thum p{overflow:hidden;margin-bottom:11px;padding:8px 15px 7px 15px;background:#f0f7ff;}
.wrt_box table td.thum p .btn_file{display:block;float:left;width:68px;height:28px;margin:0 10px 7px 0;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_file.png') no-repeat 0 0;}
.wrt_box table td.thum p .btn_file b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_file.png') no-repeat 0 bottom;}
.wrt_box table td.thum p i{display:block;float:left;color:#94aabf;font-size:14px;font-style:normal;line-height:28px;}
.wrt_box table td.thum p i.f_name{color:#263a6f;}
.wrt_box table td.thum p em{clear:both;display:block;position:relative;width:49px;}
.wrt_box table td.thum p em img{border:1px solid #ccd8e5;}
.wrt_box table td.thum p em .btn_del{display:block;position:absolute;right:0;top:1px;width:12px;height:11px;font-size:0;text-indent:-9999px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_del.png') no-repeat 0 0;}
.wrt_box table td.thum span{color:#263a6f;font-size:12px;line-height:20px;letter-spacing:-0.5px}
.wrt_box table td .edit{padding:15px;background:#f0f7ff;}
.wrt_box table td .edit .editor{width:829px;height:396px;margin-top:8px;}

.btncenter{text-align:center;}
.btncenter a{display:inline-block;margin-left:7px;}

/* 상세보기 */
.view_box{overflow:hidden;width:1180px;margin:49px 0 0 60px;border-bottom:2px solid #cbd8e4;}
.view_box *{box-sizing:initial;}
.view_box .s_tit{overflow:hidden;height:52px;padding:0;margin:0;border-bottom:2px solid #cbd8e4;}
.view_box .s_tit span{display:block;float:left;line-height:54px;}
.view_box .s_tit span em{display:inline-block;padding-left:5px;color:#2eb1ff;}
.view_box .s_tit span i{margin-left:8px;padding-left:18px;color:#f86099;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot6.png') no-repeat 0 20px;}
.view_box .s_tit span.btn_r{float:right;height:33px;margin-top:19px;}
.view_box .s_tit a{display:block !important;height:33px !important;line-height:33px;}
.view_box .s_tit .btn_rpt{width:71px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_rpt.png') no-repeat 0 0;}
.view_box .s_tit .btn_rpt b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_rpt.png') no-repeat 0 bottom;}
.view_box .s_tit .btn_lst{width:69px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_lst.png') no-repeat 0 0;}
.view_box .s_tit .btn_lst b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_lst.png') no-repeat 0 bottom;}
.view_box .s_tit span.btn_r em{display:block;float:left;padding-right:16px;margin-right:15px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_bar3.png') no-repeat right 0}
.view_box .s_tit span.btn_r em.end{margin:0;padding:0;background:none;}
.view_box .content{text-align:center;}
.view_box .content img{display:block;margin:0 auto}
.view_box .btn_sns{margin:100px 0 117px 0;text-align:center;}

.view_box .btn_sns i{display:block;margin:18px 0 25px 0;color:#263a6f;font-family:'NanumBarunGothic';font-weight:700;font-size:16px;line-height:22px;font-style:normal;letter-spacing:-0.5px;}
.view_box .btn_sns i b{color:#2eb1ff;}
.view_box .btn_sns p{overflow:hidden;padding-left:457px;text-align:center;}
.view_box .btn_sns p a{display:block;float:left;height:37px;padding:0;margin:0;margin-right:10px;}
.view_box .btn_sns p .btn_good.cnt_none{width:105px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_good.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_good.cnt_none b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_good.png') no-repeat 0 bottom;}
.view_box .btn_sns p .btn_good.cnt{min-width:62px;height:14px;padding:8px 17px 11px 20px;border:2px solid #f86099;border-radius:30px;}
.view_box .btn_sns p .btn_good.cnt em{display:inline-block;height:14px;padding-left:20px;line-height:16px;color:#f86099;font-family:'NanumBarunGothic';font-weight:700;letter-spacing:0;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_good2.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_good.cnt:hover, .view_box .btn_sns p .btn_good.cnt.on{min-width:62px;height:14px;padding:10px 19px 13px 22px;border:none;background:#f86099;border-radius:30px;}
.view_box .btn_sns p .btn_good.cnt:hover em, .view_box .btn_sns p .btn_good.cnt.on em{color:#fff;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/ico_good.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_url{width:59px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_url.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_url b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_url.png') no-repeat 0 bottom;}
.view_box .btn_sns p .btn_sns1{width:37px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_sns1.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_sns1 b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_sns1.png') no-repeat 0 bottom;}
.view_box .btn_sns p .btn_sns2{width:37px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_sns2.png') no-repeat 0 0;}
.view_box .btn_sns p .btn_sns2 b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_sns2.png') no-repeat 0 bottom;}

.view_box .btn_board{float:right;}
.view_box .btn_board a{display:block !important;height:33px !important;line-height:33px;}
.view_box .btn_board .btn_lst{width:69px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_lst.png') no-repeat 0 0;}
.view_box .btn_board .btn_lst b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_lst.png') no-repeat 0 bottom;}
.view_box .btn_board .btn_wrt{width:58px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_wrt2.png') no-repeat 0 0;}
.view_box .btn_board .btn_wrt b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_wrt2.png') no-repeat 0 bottom;}
.view_box .btn_board .btn_mod{width:42px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_mod.png') no-repeat 0 0;}
.view_box .btn_board .btn_mod b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_mod.png') no-repeat 0 bottom;}
.view_box .btn_board .btn_first{width:70px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_first2.png') no-repeat 0 0;}
.view_box .btn_board .btn_first b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_first2.png') no-repeat 0 bottom;}
.view_box .btn_board em{display:block;float:left;padding-right:16px;margin-right:14px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/bu_bar3.png') no-repeat right 0}
.view_box .btn_board em.end{margin:0;padding:0;background:none;}

/* 슬라이드 리스트 */
.s_lst_wrap{position:relative;width:1180px;height:180px;margin:20px 0 50px 60px;padding-bottom:20px;border-bottom:2px solid #cbd8e4;}
.s_lst_wrap *{box-sizing:initial;}
.s_lst_wrap p.btn_l{position:absolute;left:10px;top:59px;}
.s_lst_wrap p.btn_l a{display:block;width:13px;height:24px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_arrow_l.png') no-repeat 0 0;}
.s_lst_wrap p.btn_l a b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_arrow_l.png') no-repeat 0 bottom;}
.s_lst_wrap p.btn_r{position:absolute;right:15px;top:59px;}
.s_lst_wrap p.btn_r a{display:block;width:13px;height:24px;background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_arrow_r.png') no-repeat 0 0;}
.s_lst_wrap p.btn_r a b{background:url('//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_arrow_r.png') no-repeat 0 bottom;}

.s_lst_wrap div.thum_wrap{overflow:hidden;width:1050px;margin-left:77px;}
.s_lst_wrap div.thum_wrap div.thum_con{width:85000px;}
.s_lst_wrap ul{float:left;width:1050px;height:160px;}
.s_lst_wrap ul li{display:flex;align-items:center;;float:left;width:170px;height:160px}
.s_lst_wrap ul li a{display:block;width:170px;height:140px;text-align:center;}
.s_lst_wrap ul li a.cur{border:2px solid #2eb1ff}
.s_lst_wrap ul li a i{display:flex;align-items:center;justify-content:center;;margin-top:15px;width:168px;height:90px;text-align:center;}
.s_lst_wrap ul li a i img{width:148px;}
.s_lst_wrap ul li a span{display:block;height:40px;line-height:40px;color:#263a6f;font-family:'NanumBarunGothic';font-weight:700;font-size:16px;letter-spacing:-1px;text-overflow: ellipsis;white-space: nowrap;   overflow: hidden;padding:0 10px;}

/* 검색 */
.con_sch{min-height:660px;padding-bottom:65px;}
.con_sch .lst_comm{width:980px;margin-top:40px;}
.con_sch .lst_comm .s_tit{padding-bottom:2px;margin-bottom:30px;text-align:center;}
.con_sch .lst_comm .s_tit em{font-family:'NanumBarunGothicBold';color:#0084ff;}
.con_sch .lst_comm .s_tit span{display:block;margin:4px 0 43px 0;color:#263a6f;font-size:16px;font-family:'NanumBarunGothic';line-height:22px;letter-spacing:-0.5px;}
/*
.con_sch .lst_comm ul li p i{background:none;}
.con_sch .lst_comm ul li p b{padding:0 8px 0 0;margin-right:5px;background:url(//cdn.df.nexon.com/img/web/cartoon_ill/bu_dot2.png) no-repeat right 6px;}
*/

/* 캐릭터 검색 레이어 */
.df_float_menu_container{position:absolute;left:0;top:0;z-index:1000;border:2px solid #2eb1ff !important;background:#fff  !important; }
.df_float_menu_container a{display:block;width:95px;height:29px;border-bottom:1px solid #cbd8e4  !important;line-height:29px;text-align:center;color:#263a6f  !important;font-size:11.5px;background:#fff;padding:0px !important;font-family:'NanumBarunGothic'  !important;}
.df_float_menu_container a:hover{color:#2eb1ff  !important; background:none  !important;}
.df_float_menu_container a:last-child.df_float_menu_item{border:none  !important;}

/* 일러스트 사연 신청 */
.story_edit{width:630px;min-height:790px;}
.story_edit h1{height:44px;padding:36px 0 0 38px;color:#fff;font-size:24px;line-height:34px;letter-spacing:-1px;font-weight:normal;background:url(//cdn.df.nexon.com/img/web/cartoon_ill/pop_bg_tit.png) no-repeat 0 0}
.story_edit table{width:550px;margin:19px 40px 30px 40px;}
.story_edit table caption, .story_edit table label{display:none;}
.story_edit table th{width:90px;padding-top:12px;text-align:left;vertical-align:top;color:#263a6f;font-family:'NanumBarunGothicBold';font-size:15px;line-height:20px;}
.story_edit table td{width:460px;padding-bottom:14px;}
.story_edit table td .inp{width:445px;height:22px;padding:11px 0 11px 15px;color:#263a6f;font-size:14px;line-height:22px;background:#f0f7ff;border:none;outline:none;}
.story_edit table td textarea{width:430px;height:223px;padding:12px 15px 9px 15px;background:#f0f7ff;color:#263a6f;font-size:14px;line-height:24px;letter-spacing:-0.5px;border:none;outline:none;resize:none;}
.story_edit table td.file{overflow:hidden;width:447px;margin-bottom:11px;padding:8px 0 1px 13px;background:#f0f7ff;}
.story_edit table td.file .btn_file{display:block;float:left;width:68px;height:28px;margin:0 10px 7px 0;background:url(//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_file.png) no-repeat 0 0;}
.story_edit table td.file .btn_file b{background:url(//cdn.df.nexon.com/img/web/cartoon_ill/btn_hov_file.png) no-repeat 0 bottom;}
.story_edit table td.file i{display:block;float:left;color:#94aabf;font-size:14px;font-style:normal;line-height:28px;}
.story_edit table td.file i.f_name{color:#263a6f;}
.story_edit table td textarea::-ms-clear{display:none}
.story_edit table td textarea:-ms-input-placeholder{color:#94aabf}
.story_edit table td textarea::-webkit-input-placeholder{color:#94aabf}
.story_edit table td textarea::-moz-placeholder{color:#94aabf}
.story_edit table td textarea::-moz-placeholder{color:#94aabf}

/* Selects */
.selectbox{padding:12px 15px 12px 10px;height:20px;font-size:14px;border:none;background:#f0f7ff}
.selectbox select{width:100%;vertical-align:top;border:none;color:#94aabf;letter-spacing:-1px;background:#f0f7ff;cursor:pointer;outline:none;}

.bnr_dfu{margin-top:35px;text-align:center;}
.bnr_dfu2{margin:50px auto;text-align:center;}


/* Selects */
.selectbox{padding:12px 15px 12px 10px;height:20px;font-size:14px;border:none;background:#f0f7ff;}
.selectbox select{width:100%;vertical-align:top;border:none;color:#94aabf;letter-spacing:-1px;background:#f0f7ff;cursor:pointer;outline:none;}
.bnr_dfu{margin-top:35px;text-align:center;}
.bnr_dfu2{margin:50px auto;text-align:center;}
.bnr_dfu a,.bnr_dfu2 a{display:inline-block;text-align:center;}

/* 레이어 */
.ly_login_info{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999;}
.ly_login_info .ly_logbox{position:absolute;left:50%;top:50%;margin:-155px 0 0 -300px;padding:40px;width:600px;height:310px;background:#fff;}
.ly_login_info .ly_logbox a.ly_clse{position:absolute;right:14px;top:15px;width:18px;height:18px;background:url(../img/login/ly_clse.png) no-repeat;text-indent:-9999px;cursor:pointer;}
.ly_login_info .txtarea{display:table;width:520px;height:140px;border:1px solid rgba(225, 230, 238, 0.5);background:#f8f9fb;color:#36393f;font-size:16px;line-height:26px;text-align:center;letter-spacing:-1px;}
.ly_login_info .txtarea span{display:table-cell;vertical-align:middle;}
.ly_login_info .btnarea{padding:0;margin:30px 0 0 0;}
.ly_login_info .btnarea a{padding:0;margin:0;width:165px;height:50px;line-height:50px;font-size:14px;}
.ly_login_info .btnarea a.btn{display:inline-block;width:200px;height:60px;line-height:59px;text-align:center;font-size:16px;}
.ly_login_info .btnarea a.btn_b{background:#3392ff;color:#fff}
.ly_login_info .btnarea a.btn_n{background:#303544;color:#fff}


.ly_report{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}
.ly_report article{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:720px;background:#303544;}
.ly_report article h1{display:block;position:relative;width:100%;height:100px;text-align:center;line-height:100px;color:#fff;font-size:21px;font-weight:300;}
.ly_report article h1 a{display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url('../img/customer/lyclse.png') no-repeat;cursor:pointer;}
.ly_report .reportbox{position:relative;margin:0 10px 10px 10px;padding:40px 0;background:#f8f9fb;}
.ly_report .reportbox h2{margin:10px 0 15px 0;color:#36393f;font-size:20px;line-height:27px;text-align:center;}
.ly_report .reportbox h3{margin:0 0 40px 0;color:#898c92;font-size:14px;line-height:26px;text-align:center;}
.ly_report .reportbox dl{display:flex;align-items:center;margin:-1px auto 0 auto;width:660px;height:57px;border:1px solid #eeedf2;background:#fff;}
.ly_report .reportbox dl:first-child{height:56px;}
.ly_report .reportbox dl dt{padding-left:30px;width:160px;color:#a2a5ac;font-size:13px;font-weight:500;}
.ly_report .reportbox dl dt::before{content:'';display:inline-block;margin:-4px 8px 0 0;width:2px;height:2px;background:#898c92;vertical-align:middle;}
.ly_report .reportbox dl dd{width:500px;color:#36393f;font-size:14px;font-weight:500;}
.ly_report .reportbox dl dd span{display:inline-block;margin:0 10px;width:1px;height:13px;background:#a2a5ac;vertical-align:middle;}
.ly_report .reportbox ul{position:relative;padding:30px 0 40px 0;}
.ly_report .reportbox ul li{text-align:center;color:#898c92;font-size:14px;line-height:26px;}
.ly_report .reportbox ul li b{color:#36393f;font-weight:500;}
.ly_report .reportbox ul li a{display:inline-block;margin:10px 0 15px 0;width:160px;height:30px;border:1px solid #c4cfd8;background:#fff;text-align:center;color:#898c92;font-size:12px;line-height:28px;}
.ly_report .report_noti{position:relative;margin:40px auto 0 auto;padding-top:20px;width:660px;border-top:1px solid #eae9f0;;color:#6a6e76;font-size:14px;line-height:26px;}
.ly_report .report_noti p{padding:0;margin:0;}
.ly_report .report_noti a{display:inline-block;margin:0 0 0 5px;width:70px;height:23px;border:1px solid #c4cfd8;background:#fff;text-align:center;color:#898c92;font-size:11px;font-weight:500;;line-height:21px;cursor:pointer;}